<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <script src="../ExternalLibrary/js/react.js"></script>
    <script src="../ExternalLibrary/js/react-dom.js"></script>
    <script src="../ExternalLibrary/js/babel.js"></script>
    <script type="text/babel">
       class ListItem extends React.Component{
           render(){
               return <li>li</li>
           }
       }

       class List extends React.Component{
           render(){
               return <ul>
                        <ListItem></ListItem>
                        <ListItem></ListItem>
                        <ListItem></ListItem>
                        <ListItem></ListItem>
                    </ul> 
                    
           }
       }

       let oDiv = document.getElementById('div1');
        
        ReactDOM.render(
            //{} 这个里面就是写js的
            //怎么传,这里就是传。data随意写
            <List data={[12,5,8,99,32]}></List>
        ,oDiv)
    </script>
</head>
<body>
    <div id = "div1">

    </div>
</body>